<!DOCTYPE html>
<html lang="en">
    <head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <meta name="description" content="">
	    <meta name="author" content="">
	    <title>Joshua Branson</title>
	    <!-- Custom styles for this template -->
	    <!-- Bootstrap core CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
              integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
	    <link href="style.css" rel="stylesheet" type="text/css">
	    <link href="helpful-css.css" rel="stylesheet" type="text/css">
	    <!-- Just for debugging purposes. Don't actually copy this line! -->
	    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
	    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	    <!--[if lt IE 9]>
	        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	        <script src="https://oss.maxcdn.com/libs/r espond.js/1.4.2/respond.min.js"></script>
	        <![enddif]-->
    </head>
    <body>
	    <nav id="navbar" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	        <div class="container-fluid">
                <div class="col-sm-10 col-sm-offset-2">
		            <!-- brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
		                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
			                <span class="sr-only">toggle navigation</span>
			                <span class="icon-bar"></span>
			                <span class="icon-bar"></span>
			                <span class="icon-bar"></span>
		                </button>
		                <a class="navbar-brand"  onclick="loadHome()" id="index">Joshua Branson</a>
		            </div>

		            <!-- collect the nav links, forms, and other content for toggling -->
		            <div class="collapse navbar-collapse" id="navbar-collapse">
		                <ul class="nav navbar-nav">
			                <li><a href="about.php" id="about" onclick="loadAbout()">About Me</a></li>
			                <li><a href="skills.php" id="skills" onclick="loadSkills()">Skills</a></li>
			                <li><a href="experience.php" id="experience" onclick="loadExperience()">Experience</a></li>
			                <li><a href="portfolio.php" id="portfolio" onclick="loadPortfolio()">Portfolio</a></li>
		                </ul>
		            </div><!-- /.navbar-collapse -->
                </div>
	        </div><!-- /.container-fluid -->
	    </nav>
	    <!-- container -->
        <div class="container">
